<!doctype html>
<html class="no-js" lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>Cart</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="icon" href="img/favicon.png" />
        <!-- Place favicon.ico in the root directory -->
				
		<!-- all css here -->
		<!-- bootstrap.min.css -->
		<link rel="stylesheet" href="css/shortcode/btn-new.css">
        <link rel="stylesheet" href="css/bootstrap.min.css">
		<!-- font-awesome.min.css -->
        <link rel="stylesheet" href="css/font-awesome.min.css">
		<!-- owl.carousel.css -->
        <link rel="stylesheet" href="css/owl.carousel.css">
		<!-- owl.carousel.css -->
        <link rel="stylesheet" href="css/meanmenu.min.css">
		<!-- shortcode/shortcodes.css -->
        <link rel="stylesheet" href="css/shortcode/shortcodes.css">
		<!-- nivo-slider.css -->
        <link rel="stylesheet" href="css/nivo-slider.css">
		<!-- style.css -->
        <link rel="stylesheet" href="style.css">
		<!-- responsive.css -->
        <link rel="stylesheet" href="css/responsive.css">
        <script src="js/vendor/modernizr-2.8.3.min.js"></script>
    </head>
    <body>
<header>
				<!-- header-top-area-start -->
				<div class="header-top-area black-bg ptb-7 hidden-xs">
					<div class="container">
						<div class="row">
							<div class="col-lg-3 col-md-3 col-sm-4">
								<div class="header-top-left">
									<span><a href="#">Call us toll free:</a>(+1)866-550-3669</span>
								</div>
							</div>
							<div class="col-lg-9 col-md-9 col-sm-8">
								<div class="header-top-right">
									<ul>
										<li class="slide-toggle"><a href="login.html"><i class="fa fa-user"></i> LoginOut</a>
									
										</li>
									</ul>
									<ul>
																								<li class="slide-toggle-2 text-uppercase"><a href="#"><i class="fa fa-usd"></i>登陆注册</a>
																									<ul class="show-toggle-2">
																										<li><a href="login.html"><i class="fa fa-eur"></i>登陆</a></li>
																										<li><a href="register.html"><i class="fa fa-gbp"></i>注册</a></li>											
																									</ul>	
																								</li>
									</ul>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- header-top-area-end -->
				<!-- header-bottom-area-start -->
				<div class="header-bottom-area bg-color-1 ptb-25">
					<div class="container">
						<div class="row">
							<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
								<div class="logo">
									<a href="index.html"><img src="img/logo.png" alt="" /></a>
								</div>
							</div>
							<div class="col-lg-9 col-md-9 col-sm-12 col-xs-12">
								<div class="header-bottom-middle">
									
									<div class="search-box">
										<form>
											<input type="text" placeholder="Search...">
											<button><i class="fa fa-search"></i></button>
										</form>	
									</div>								
								</div>
							
									
	                                            </div>											
											</div>
										</div>
									</div>
								</div>							
							</div>
						</div>
					</div>
				</div>	
				<!-- header-bottom-area-end -->
			</header>
			<!-- mainmenu-area-start -->
			<div class="mainmenu-area bg-color-2 hidden-xs hidden-sm">
				<div class="container">
					<div class="row">
						<div class="col-lg-3 col-md-3">
							<div class="mainmenu-left visible-lg checkout-page  visible-md">
								
								</div>
							</div>	
						</div>
						<div class="col-lg-9 col-md-9">
							<div class="mainmenu">
								<nav>
									<ul>
										<li><a href="index.html">Home</a></li>
								<li><a href="shop.html">Shop</a></li>
								<li><a href="cart.html">Cart</a></li>
								<li><a href="order.html">Order</a></li>
								<li><a href="myaccount.html">My Account</a></li>
									</ul>
								</nav>
							</div>	
						</div>
					</div>
				</div>
			</div>
			<!-- mobile-menu-start -->
			
			<!-- mobile-menu-end -->		
			<!-- mainmenu-area-end -->
		<!-- breadcrumb start -->
		<div class="breadcrumb-area">
			<div class="container">
				<ol class="breadcrumb">
				  <li><a href="index.html"><i class="fa fa-home"></i> Home</a></li>
				  <li class="active">Cart</li>
				</ol>			
			</div>
		</div>
		<!-- breadcrumb end -->	
		<!-- cart-main-area start -->
		<div class="cart-main-area pt-0">
			<div class="container">
				<div class="row">
					<div class="col-md-12 col-sm-12 col-xs-12">
						<form action="#">				
							<div class="table-content table-responsive">
								<table>
									<thead>
										<tr>
											<th class="product-thumbnail">Image</th>
											<th class="product-name">Product</th>
											<th class="product-price">Price</th>
											<th class="product-quantity">Quantity</th>
											<th class="product-subtotal">Total</th>
											<th class="product-remove">Remove</th>
										</tr>
									</thead>
									<tbody>
										<tr>
											<td class="product-thumbnail"><a href="#"><img src="img/product/3.jpg" alt="" /></a></td>
											<td class="product-name"><a href="product-details.html">Vestibulum suscipit</a></td>
											<td class="product-price"><span class="amount">$165.00</span></td>
											<td class="product-quantity"><input type="number" value="1" /></td>
											<td class="product-subtotal">$165.00</td>
											<td class="product-remove"><a href="#"><i class="fa fa-times"></i></a></td>
										</tr>
										<tr>
											<td class="product-thumbnail"><a href="#"><img src="img/product/4.jpg" alt="" /></a></td>
											<td class="product-name"><a href="product-details.html">Vestibulum dictum magna</a></td>
											<td class="product-price"><span class="amount">$50.00</span></td>
											<td class="product-quantity"><input type="number" value="1" /></td>
											<td class="product-subtotal">$50.00</td>
											<td class="product-remove"><a href="#"><i class="fa fa-times"></i></a></td>
										</tr>
									</tbody>
								</table>
							</div>
							<div class="row">
								<div class="col-md-9 col-sm-7 col-xs-12">
									<div class="buttons-cart">
										<input type="submit" value="Update Cart" />
										<a href="shop.html">Continue Shopping</a>
									</div>
								</div>
								<div class="col-md-3 col-sm-5 col-xs-12">
									<div class="cart_totals">
										<h2>Cart Totals</h2>
										<table>
											<tbody>
												<tr class="cart-subtotal">
													<th>Subtotal</th>
													<td><span class="amount">$215.00</span></td>
												</tr>
												<tr class="order-total">
													<th>Total</th>
													<td>
														<strong><span class="amount">$215.00</span></strong>
													</td>
												</tr>											
											</tbody>
										</table>
										<div>
											<a href="payment.html"><button class="fa-4x button button1">Checkout</a>
										</div>
									</div>
								</div>
							</div>
						</form>	
					</div>
				</div>
			</div>
		</div>
		<!-- cart-main-area end -->	
		
		
		<!-- social_block-start -->
		<div id="social_block">
			<ul>
				<li class="facebook"><a href="#">Facebook</a></li>
				<li class="twitter"><a href="#">twitter</a></li>
				<li class="rss"><a href="#">rss</a></li>
				<li class="youtube"><a href="#">youtube</a></li>
				<li class="google-plus"><a href="#">google plus</a></li>
				<li class="pinterest"><a href="#">pinterest</a></li>
			</ul>
		</div>
		<!-- social_block-end -->
		
		<!-- all js here -->
		<!-- jquery-1.12.0 -->
        <script src="js/vendor/jquery-1.12.0.min.js"></script>
		</script>
        <script src="js/bootstrap.min.js"></script>
		<!-- nivo.slider.js -->
        <script src="js/jquery.nivo.slider.pack.js"></script>
		<!-- jquery-ui.min.js -->
        <script src="js/jquery-ui.min.js"></script>
		<!-- jquery.magnific-popup.min.js -->
        <script src="js/jquery.magnific-popup.min.js"></script>
		<!-- jquery.meanmenu.min.js -->
        <script src="js/jquery.meanmenu.js"></script>
		<!-- jquery.scrollup.min.js-->
        <script src="js/jquery.scrollup.min.js"></script>
		<!-- owl.carousel.min.js -->
        <script src="js/owl.carousel.min.js"></script>		
		<!-- plugins.js -->
        <script src="js/plugins.js"></script>
		<!-- main.js -->
        <script src="js/main.js"></script>
    </body>
</html>

